body {
  background-color: #000;
  //视图的宽度
  width: 100vw;
  //视图的高度
  height: 100vh;
  display: flex;
  /*主轴*/
  justify-content: center;
  /*交叉轴*/
  align-items: center;
  //div画布默认就是居中
  #app {
    background-color: #000;
    position: relative;
    border: solid 12px #333;
    //默认值。如果你设置一个元素的宽为 100px，
    // 那么这个元素的内容区会有 100px 宽，
    // 并且任何边框和内边距的宽度都会被增加到最后绘制出来的元素宽度中
    box-sizing: content-box;

    //背景图片
    background-image: url("/src/static/images/cover/cover.png");
    background-size: cover;
    background-position: center;
    cursor: pointer;

    canvas {
      position: absolute;
    }

  }
}
